﻿<div class="bg-pattern bg-pattern_vertical"></div>

<div class="container">

    <div class="row">

        <div class="col-md-12 headline animated bounceInDown">
            <h2>Joshua Yi</h2>
            <p style="color:white">Full Stack .Net Web Developer</p>
        </div>

        <div class="col-md-3 col-sm-6 hidden-xs animated bounceInLeft">
            <img class="avatar" src="/app/Images/josh-1.jpg" alt="">
        </div>

        <div class="col-md-3 col-sm-6 animated bounceInUp">

            <div class="profile-widget">
                <h3>Skillset</h3>

                <h5>HTML / CSS3</h5>
                <div class="skill-bar">
                    <div class="skill-rate-on"></div>
                    <div class="skill-rate-on"></div>
                    <div class="skill-rate-on"></div>
                    <div class="skill-rate-off"></div>
                    <div class="skill-rate-off"></div>
                </div>

                <h5>Javascript / Angular</h5>
                <div class="skill-bar">
                    <div class="skill-rate-on"></div>
                    <div class="skill-rate-on"></div>
                    <div class="skill-rate-on"></div>
                    <div class="skill-rate-off"></div>
                    <div class="skill-rate-off"></div>
                </div>

                <h5>C#</h5>
                <div class="skill-bar">
                    <div class="skill-rate-on"></div>
                    <div class="skill-rate-on"></div>
                    <div class="skill-rate-on"></div>
                    <div class="skill-rate-off"></div>
                    <div class="skill-rate-off"></div>
                </div>

                <h5>MVC / Web API</h5>
                <div class="skill-bar">
                    <div class="skill-rate-on"></div>
                    <div class="skill-rate-on"></div>
                    <div class="skill-rate-on"></div>
                    <div class="skill-rate-off"></div>
                    <div class="skill-rate-off"></div>
                </div>
            </div>

            <div class="profile-widget">
                <h3>Social Profiles</h3>
                <ul class="widget-social">
                    <li><a href="https://www.linkedin.com/profile/view?id=355836607&trk=nav_responsive_tab_profile"><i class="fa fa-linkedin fa-fw"></i></a></li>
                </ul>
            </div>

        </div><!-- .col-md-3 -->

        <div class="col-md-6 col-sm-12 animated bounceInRight">
            <h3>Professional Profile</h3>
            <p style="color:black">My name is Joshua Yi. I have been programming since freshman year of High School and have enjoyed 
            every moment of it. There is no end in technology and you can never know everything because there is always something new 
            coming out which quenches my thirst and desire for knowledge. Being able to learn new things quickly is one of my best traits. 
            One of my worst traits may be that I don’t excel in one specific thing, but am considered a utility player because 
            I am well rounded. I work well with other people, adapt quickly to new environments and am enjoyable to work alongside. </p>
            <p style="color:black">Other skillsets that I have include C++, Java, TFS, Windows Azure, SQL, and Entity Framework. </p>
        </div>

    </div><!-- .row -->

</div><!-- .container -->